@import "../module/task2_framework";
@import "../module/color-framework";
@import "../module/variablae-value-framework";

body{
   background-color:#29bde0 ;
}

.header{
  @extend %allot;
  background-color:$dark-blue-color;
  height: 3.2rem;
  border-bottom: 0.2px solid #f5f6f9;
  padding: 0 6px;
  p{
    font-size: 17.5px;
    color: $white-color;
  }

  .house{
    background-image: url("../images/house.png");
    background-repeat: no-repeat;
    background-position:left;
    width: 25px; height: 41px;
    background-size:18px 27px ;
  }

  .about{
    @extend .house;
    background-image: url("../images/close.png");
    width: 41px; height: 41px;
    background-position:right;
    background-size: 24.5px 24px;

  }
}
.main {

  position: relative;
}
  .main-box {
    width: 75%;
    height: 26rem;
    margin: 4.5rem auto;
    background-color: #ffedc5;
    border: 4.5px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;



    .picture{
      width:11.5rem ;
      height: 11.5rem;
      background-repeat: no-repeat;
      border-radius: 50%;
      background-image: url("../images/tu.png");
      background-size: 100%;

    }

    .killer {
      display: none;
      width: 11.5rem;
      height: 11.5rem;
      background-repeat: no-repeat;
      border-radius: 50%;
      background-image: url("../images/tu2.png");
      background-size: 100%;
    }
    .sha{
      display: none;
      margin-top: 20px;
      font-size: 17.5px;
      color: #29bde0;
      font-weight: bold;


    }
  }







.contain-t {
  width: 100%;
  display: flex;
  justify-content: center;
  .yuan {
    position: absolute;
    top: 10.5%;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: white;
    border: 3px solid #ffedc5;
    display: flex;
    justify-content: center;
    align-items: center;

    span{

       font-size: 21px;
      color: #f56b81;

    }
  }

}











footer {
  display: flex;
  align-items: center;
  justify-content: center;
  button {
    width: 90%;
    height: 3.5rem;
    background-color: #fab344;
    font-size: 17px;
    color: white;

  }

}